<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script type="text/javascript" src="../internal.js"></script>
    <link rel="stylesheet" type="text/css" href="edittable.css" />
  </head>
  <body>
    <div class="wrapper">
      <div class="left">
        <div class="section">
          <h3><var id="lang_tableStyle"></var></h3>
          <ul>
            <li>
              <label onselectstart="return false"
                ><input type="checkbox" id="J_title" name="style" /><var
                  id="lang_insertTitle"
                ></var
              ></label>
            </li>
            <li>
              <label onselectstart="return false"
                ><input type="checkbox" id="J_titleCol" name="style" /><var
                  id="lang_insertTitleCol"
                ></var
              ></label>
            </li>
          </ul>
          <ul>
            <li>
              <label onselectstart="return false"
                ><input type="checkbox" id="J_caption" name="style" /><var
                  id="lang_insertCaption"
                ></var
              ></label>
            </li>
            <li>
              <label onselectstart="return false"
                ><input type="checkbox" id="J_sorttable" name="style" /><var
                  id="lang_orderbycontent"
                ></var
              ></label>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <div class="section">
          <h3><var id="lang_tableSize"></var></h3>
          <ul>
            <li>
              <label
                ><input type="radio" id="J_autoSizeContent" name="size" /><var
                  id="lang_autoSizeContent"
                ></var
              ></label>
            </li>
            <li>
              <label
                ><input type="radio" id="J_autoSizePage" name="size" /><var
                  id="lang_autoSizePage"
                ></var
              ></label>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <div class="section">
          <h3><var id="lang_borderStyle"></var></h3>
          <ul>
            <li>
              <span><var id="lang_color"></var></span>
              <input type="text" class="tone" id="J_tone" readonly="readonly" />
            </li>
          </ul>
          <div class="clear"></div>
        </div>
      </div>
      <div class="right">
        <div class="section">
          <h3><var id="lang_example"></var></h3>
          <div class="preview" id="J_preview"></div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="edittable.js"></script>
  </body>
</html>
